//这是“优惠券领取页2”less文件

//1.引入css文件
@import "scroll.css";
@import "reset.css";
@font-size:100rem;
//2.基础代码块
html{
  font-size: 13.33vw;
}
html,body{
  width: 100%;
  height: 100%;
}
*{
  box-sizing: border-box;
}
.clearfix:after,clearfix:before{
  content: '';
  display: block;
  clear: both;
}
.fr{
  float: right;
}
.fl{
  float: left;
}
//3.自己的代码块
body{

}
.container{
  width: 750./@font-size;
  height: 1500./@font-size;
  margin: 0 auto;
  background: url(../../imgs/partthree-imgs/CouponPageTwo-imgs/pagebg.jpg);
  background-size: 100% 100%;
  .header{
    display: flex;
    justify-content: center;
    img{
      width: 246./@font-size;
      height: 88./@font-size;
    }
  }
  .section{
    .top{
      margin-left: 106./@font-size;
      margin-top:36./@font-size ;
      img{
        width: 547./@font-size;
        height: 258./@font-size;
      }
    }
    .instro{
      margin-left: 88./@font-size;
      margin-top:30./@font-size ;
        width: 586./@font-size;
        height: 60./@font-size;
        border-radius: 25./@font-size;
        background-color: #f44800;
        line-height: 60./@font-size;
        text-align: center;
        color: #fff;
        font-size: 24./@font-size;
      }
    .code {
      margin-left: 255./@font-size;
      margin-top: 44./@font-size;

      img {
        width: 265./@font-size;
        height: 261./@font-size;
      }
    }
      .bt{
        margin-left: 36./@font-size;
        margin-top:36./@font-size ;
        width: 695./@font-size;
        height: 80./@font-size;
        border-radius: 25./@font-size;
        background-color: #f9b900;
        line-height: 80./@font-size;
        text-align: center;
        color: #bd3f02;
        font-size: 36./@font-size;
        font-weight: bold;
      }
    .content{
      margin-top: 57./@font-size;
      margin-left: 36./@font-size;
      width: 691./@font-size;
      height: 275./@font-size;
      background: url(../../imgs/partthree-imgs/CouponPageTwo-imgs/gzbg.png);
      background-size: 100% 100%;
      span{
        margin-top: 5./@font-size;
        margin-left: 236./@font-size;
        color: #fff;
        font-size: 28./@font-size;
      }
      p{
        padding-top: 30./@font-size;
        margin-left: 57./@font-size;
        color: #000;
        font-size:24./@font-size ;
      }
    }

  }
  .footer{
    width: 100%;
    margin-top:33./@font-size ;
    margin-left:36./@font-size ;
    .bottom{
      width: 691./@font-size;
      height: 220./@font-size;
      border-radius: 5./@font-size;
      background-color: #fdf1e3;
      padding-left: 28./@font-size;
      padding-top: 28./@font-size;
      h2{

        color: #f56b00;
        font-size: 30./@font-size;
        font-weight: bold;
      }
      .line{
        width: 645./@font-size;
        border-bottom: 1./@font-size solid #dcbba8;
      }
      p{
        color: #bdb6ac;
        font-size: 24./@font-size;
      }
    }
  }
}